@import './common.less';


    header {
        text-align: center;
        span{
            font-weight: 700;
            background-color: @backgroundcolor;
        }
    }
    
    
    /* 主体 */
    .main{
        flex: 1;
        overflow: auto;
        // overflow: hidden;
        /* 搜索、定位 */
        .top{
            background: @blockbdcolor;
            width: 100%;
            padding: 10px;
            .subtop{
                display: flex;
                justify-content: start;
                align-items: center;
                .address{
                    line-height:54px;
                    height: 2.6rem;
                    font-size: 1rem;
                    align-items: center;
                }
                .addressName{
                    width: 2rem;
                    white-space:nowrap;
                    overflow:hidden;
                    text-overflow:ellipsis;
                }
                .search{
                    flex: 1;
                }
            }
    
        }
        // 广告
        .banner{
            padding: 10px;
            height: 10rem;
            .van-swipe{
                height: 9rem;
                img{
                    width: 100%;
                    height: 100%;
                    border-radius: 20px;
                }
            }
            
        }
    
        // 热门推荐
        .recommend{
            background-color: @blockbdcolor;
            display: flex;
            align-items: center;
            padding:10px 10px;
            .sub-recommend{
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
                height: 146px;
                div:nth-child(1){
                    margin: 0;
                }
                div{
                    width: 18%;
                    .imag{
                        width: 100%;
                        img{
                            width: 100%;
                            height: 100%;
                        }
                    }
                    p{
                        font-size: .75rem;
                        line-height: 60px;
                        text-align: center;
                    }
    
                }
            }
        }
    
        /* 每日限时特价 */
        .cheap-price{
            margin: 15px 0;
            img{
                width: 100%;
                height: 100%;
            }
        }
    
        /* 限时秒杀 */
        .limi-time{
            background-color: @blockbdcolor;
            border-radius: 1rem;  
            margin: 0 10px;
            .sublimi-time{
                overflow-y: hidden;
                padding: .5rem 0;
                .lmt-top{
                    padding: .7rem;
                    display: flex;
                    justify-content: space-between;
                    .lmt-t-left{
                        float: left;
                        p{
                            float: left;
                        }
                        p:nth-child(1){
                            font-size: 1rem;
                            font-weight: 700;
                            span{
                                padding: 0 5px;
                                width: 74px;
                                height: 36px;
                                background-color: #00b578;
                                font-size: 0.95rem;
                                color: white;
                                border-radius: 5px;
                                margin-left: 5px;
                            }
                        }
                        p:nth-child(2){
                            font-size: 0.9rem;
                            font-weight: 400;
                            // line-height: 30px;
                            margin-left: 5px;
                        }
        
                    }
                    .lmt-t-right{
                        float: right;
                        span{
                            font-size: .9rem;
                            font-weight: 400;
                        }
                    }
                }
                /* 限时秒杀商品 */
                .lm-time-product{
                    padding: .5rem;
                    display: flex;
                    justify-content: space-between;
                    overflow-y: hidden;
                    .box{
                        // width: 7rem;
                        .lm_image{
                            width: 8rem;
                            height: 7rem;
                            img{
                                width: 100%;
                                height: 100%;
                            }
                        }
                        .lm_title_price{
                            margin-top: 18px;
                            margin-left: 5px;
                            p{
                                color: #c6c6c6;
                                margin-top:14px;
                            }
                            .pirce-style{
                                width: 100%;
                                margin-top: 20px;
                                margin-right: 20px;
                                display: flex;
                                justify-content: space-between;
                                .pirce-style-l{
                                    width: 90px;
                                    .pirce{
                                        font-size: .8rem;
                                        color: red;
                                        // line-height: 34px;
                                    }
                                    .ogpirce{
                                        font-size: .4rem;
                                        color: #c6c6c6;
                                        text-decoration: line-through;
                                        line-height: 1.5rem;
                                    }
                                }
                                .addCarIcon{
                                    display: block;
                                    font-size: 1.25rem;
                                    color: white;
                                    width: 1.25rem;
                                    height: 1.25rem;
                                    text-align: center;
                                    line-height: 22px;
                                    background: #00b578;
                                    border-radius: 50% 50%;
                                    margin-right: .5rem;
                                }
                            }
    
                        }
                    }
                    
                }
            }
            
        }
    
        /* 甜蜜的诱惑 */
        .advertise{
            margin: 18px 10px;
            img{
                width: 100%;
                height: 100%;
                border-radius: 10px;
            }
        }
    
        /* 为你推荐 */
        .recommendList{
            border-radius: 15px;
            margin: 0 10px;
            background: white;
            .sub-recommendList{
                padding: 18px 14px;
                .listTop{
                    width: 100%;
                    height: 36px;
                    .listTop-left{
                        font-size: 1rem;
                        font-weight: 700;
                        float: left;
                    }
                    .listTop-right{
                        font-size: .9rem;
                        float: right;
                    }
                }
            }
            /* 为你推荐列表 */
    
            .listContent {
                .item{
                    border-top: solid 1px #c6c6c6;
                    .box{
                        width: 100%;
                        margin: 10px 0;
                        display: flex;
                        justify-content: start;
                        .itemimg{
                            width: 6rem;
                            height: 6rem;
                            img{
                                border-radius: 15px;
                                width: 100%;
                                height: 100%;
                            }
                        }
                        .titleAndPrice{
                            width: 11.5rem;
                            flex: 1;
                            margin-left: .5rem;
                            display: flex;
                            flex-direction: column;
                            justify-content: space-between;
                            .title{
                                .titleAndPrice_tle{
                                    font-size: .8rem;
                                    font-weight: 700;
                                    span{
                                        font-size: .8rem;
                                        font-weight: 200;
                                        color: #666666;
                                    }
                                }
                                
                                p{
                                    margin-top:18px;
                                    font-size: 18px;
                                    font-weight: 200;
                                    // color: #666666;
                                }
                            }
                            .price{
                                margin-top: 18px;
                                height: 2rem;
                                display: flex;
                                justify-content: space-between;
                                .price-l{
                                    padding-right: 10px;
                                    .disPrices{
                                        font-size: .9rem;
                                        line-height: 2rem;
                                        color: #f43030;
                                    }
                                    .origPrice{
                                        text-decoration: line-through;
                                        font-size: .7rem;
                                        color: #999999;
        
                                    }
                                }
                                
                                .addCar{
                                    display: block;
                                    width: 4.6rem;
                                    height: 2rem;
                                    background: linear-gradient(to bottom right, #42e6b1, #00b578);
                                    float: right;
                                    font-size: .8rem;
                                    border-radius: 1.1rem;
                                    line-height: 2rem;
                                    text-align: center;
                                    color: white;
                                    font-weight: 200;
                                }
                            }
                        }
    
                    }
                }
            }
    
        }
    
    }


